<!--学习html的基本标签
段落 p
标题字 h1 h2...
换行 br
横线hr
以及各种字体标签-->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title：HTML的基本标签</title>
</head>

<body>
    <!--段落标记<p></p>-->
    <p>《红楼梦》，中国古代章回体长篇小说，又名《石头记》等，被列为中国古典四大名著之首，
        一般认为是清代作家曹雪芹所著。小说以贾、史、王、薛四大家族的兴衰为背景，
        以富贵公子贾宝玉为视角，描绘了一批举止见识出于须眉之上的闺阁佳人的人生百态，
        展现了真正的人性美和悲剧美
    </p>

    <p>《红楼梦》，中国古代章回体长篇小说，又名《石头记》等，被列为中国古典四大名著之首，
        一般认为是清代作家曹雪芹所著。小说以贾、史、王、薛四大家族的兴衰为背景，以富贵公子贾宝玉为视角，
        描绘了一批举止见识出于须眉之上的闺阁佳人的人生百态，展现了真正的人性美和悲剧美
    </p>

    <!--标题字，是HTML预留的格式，和word中标题字用法相同-->
    <h1>title1</h1>
    <h2>title2</h2>
    <h3>title3</h3>
    <h4>title4</h4>
    <h5>title5</h5>
    <h6>title6</h6>

    <!--换行标记，在HTML中用单独的br标签表示-->
    hello <br> world

    <!--横线也是独自标记 hr-->
    <hr>

    <!--color width 都是hr的标签属性-->
    <hr color="red" width="60%">
    <hr color='green' width=20%>    <!--这行的语法很松散-->

    <!--pre标签为预留格式，也就是在这个标签里的格式不会变-->
    <pre>
        for(int i = 0; i <= 100; i++){
            System.out.println("hello html!");
        }
    </pre>

    <!--字体标签-->
    <del>删除字体</del>
    <ins>插入字体</ins>
    <b>粗体字</b>
    <i>斜体字</i>
    10<sup>2</sup>
    10<sub>2</sub>

    <font color="blue" size="90">这是已经不被使用的字体标签</font>

    <ins><br><font color="red" size="90">字体标签嵌套使用</font></ins>

</body>
</html>